<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<f:view locale="#{salaoMB.internacionalizacao.currentLocale}">
	<h:head>
		<meta http-equiv="Content-Type"
			content="text/html; charset=ISO-8859-1" />
		<title>Meus Agendamentos</title>
		<style type="text/css">
			.negrito {
				font-weight: bold;
			}
			
			.vermelho {
				color: #FF0000;
			}
			
			.azul {
				color: #0000FF;
			}
			.link{		
			a:visited {text-decoration: none;color: #ffffff}	
			a:active {text-decoration: none; color: #ffffff}
			a:link {text-decoration: none; color: #ffffff}			
			a:hover {text-decoration: none;color: #ffffff}
		}
		</style>
		<link rel="stylesheet" href="../css/salao.css" type="text/css"	media="screen" />  
	</h:head>
	<h:body styleClass="bg-content">

		<f:metadata>
			<f:event listener="#{meusAgendamentosMB.buscarMeusAgendamentos}"
				type="preRenderView" />
		</f:metadata>

		<table width="100%">
			<tr>
				<td><ui:include src="/index.xhtml" /></td>
			</tr>
		</table>

		<h:form prependId="false" id="formMeusAgendamentos">
			
			<table width="80%" align="center">
				<tr>
					<td>
					
					<p:messages id="msg" showDetail="true" autoUpdate="true" closable="true" />
					
					
					<!-- Agendamentos pendentes -->
					<p:tabView id="tabView" >
							<p:tab id="tab1" title="#{msg.AgendamentosPendentes}" >

								<p:dataTable value="#{meusAgendamentosMB.agendamentosPendentes}"
									var="agendamento" id="tabelaEstabelecimentos" paginator="true"
									rows="100" effectSpeed="fast" paginatorAlwaysVisible="false"
									paginatorTemplate="{PreviousPageLink} {CurrentPageReport} {NextPageLink} {RowsPerPageDropdown}"
									rowsPerPageTemplate="50,100,150"
									style="font-size:13px" emptyMessage="Nenhum agendamento realizado.">

									<p:column>
										<f:facet name="header">  
                							Detalhes
            					    	</f:facet>
										<p:commandButton icon="ui-icon-search"
											update=":formMeusAgendamentos:scheduleDetail"
											oncomplete="scheduleDialog.show()" title="View Detail">
											<f:setPropertyActionListener value="#{agendamento}"
												target="#{meusAgendamentosMB.agendamentoCancelar}" />
										</p:commandButton>
									</p:column>

									<p:column>
										<f:facet name="header">  
                							Empresa
            					    </f:facet>
										<h:outputText
											value="#{agendamento.estabelecimento.nomeFantasia}"
											styleClass="negrito azul" />
									</p:column>

									<p:column>
										<f:facet name="header">  
                							#{msg.servico}
            					    </f:facet>
										<h:outputText
											value="#{agendamento.funcionarioServicos.servicos.descricao}"
											styleClass="negrito" />
									</p:column>

									<p:column>
										<f:facet name="header">  
                							Preço
            					    </f:facet>
										<h:outputText
											value="#{agendamento.funcionarioServicos.servicos.preco}"
											styleClass="negrito" />
									</p:column>

									<p:column>
										<f:facet name="header">  
                							Data
            					    </f:facet>
										<h:outputText value="#{agendamento.data}"
											styleClass="negrito vermelho">
											<f:convertDateTime pattern="dd/MM/yyyy HH:mm"
												timeZone="GMT-3" />
										</h:outputText>
									</p:column>

									<p:column>
										<f:facet name="header">  
                							Status
            					    </f:facet>
										<h:link value="Cancelar">
											<f:param name="idAgendamento" value="#{agendamento.id}" />
											<p:ajax event="click" oncomplete="eventDialog.show()" />
										</h:link>
									</p:column>

								</p:dataTable>

								<p:dialog widgetVar="eventDialog" header="Agendamento"
									showEffect="clip" hideEffect="clip" closable="true" width="200">

									<f:metadata>
										<f:viewParam name="idAgendamento"
											value="#{meusAgendamentosMB.agendamentoCancelar.id}">
										</f:viewParam>
									</f:metadata>

									<h:panelGrid columns="1" id="agendamnTable2" border="0">

										<h:outputText value="Deseja cancelar?" />
										<h:panelGroup>
											<p:commandButton value="SIM"
												actionListener="#{meusAgendamentosMB.cancelar}"
												oncomplete="eventDialog.hide();"
												update="tabelaEstabelecimentos,tabelaCancelamentos" />
											<p:commandButton value="NAO" onclick="eventDialog.hide();" />
										</h:panelGroup>

									</h:panelGrid>
								</p:dialog>								
							</p:tab>
							<p:tab id="tab2" title="#{msg.servicosConcluidos}" >
								<p:dataTable value="#{meusAgendamentosMB.agendamentosConcluidos}"
									var="agendamento" id="tabelaAgendamentosConcluidos" paginator="true"
									rows="100" effectSpeed="fast" paginatorAlwaysVisible="false"
									paginatorTemplate="{PreviousPageLink} {CurrentPageReport} {NextPageLink} {RowsPerPageDropdown}"
									rowsPerPageTemplate="50,100,150" type="none"
									style="font-size:13px" emptyMessage="Nenhum agendamento conclu&iacute;do.">

									<p:column>
										<f:facet name="header">  
                							Detalhes
            					    </f:facet>
										<p:commandButton icon="ui-icon-search"
											update=":formMeusAgendamentos:scheduleDetail"
											oncomplete="scheduleDialog.show()" title="View Detail">
											<f:setPropertyActionListener value="#{agendamento}"
												target="#{meusAgendamentosMB.agendamentoCancelar}" />
										</p:commandButton>
									</p:column>

									<p:column>
										<f:facet name="header">  
                							Empresa
            					    </f:facet>
										<h:outputText
											value="#{agendamento.estabelecimento.nomeFantasia}"
											styleClass="negrito azul" />
									</p:column>

									<p:column>
										<f:facet name="header">  
                							#{msg.servico}
            					    </f:facet>
										<h:outputText
											value="#{agendamento.funcionarioServicos.servicos.descricao}"
											styleClass="negrito" />
									</p:column>

									<p:column>
										<f:facet name="header">  
                							Preço
            					    </f:facet>
										<h:outputText
											value="#{agendamento.funcionarioServicos.servicos.preco}"
											styleClass="negrito" />
									</p:column>

									<p:column>
										<f:facet name="header">  
                							Data
            					    </f:facet>
										<h:outputText value="#{agendamento.data}"
											styleClass="negrito vermelho">
											<f:convertDateTime pattern="dd/MM/yyyy HH:mm"
												timeZone="GMT-3" />
										</h:outputText>
									</p:column>	

									<p:column>
										<f:facet name="header">  
                							Avalia&ccedil;&atilde;o
            					    	</f:facet>
										<h:panelGroup>								
												<h:link styleClass="link" id="link3" value="Avalie" outcome="rating" rendered="#{agendamento.pendenteRating}">
													<f:param name="idAgendamento" value="#{agendamento.id}" />
													<f:param name="idEstabelecimento" value="#{agendamento.estabelecimento.id}" />
													<f:param name="nomeFantasiaEstabelecimento" value="#{agendamento.estabelecimento.nomeFantasia}"  />
													<f:param name="descricaoServico" value="#{agendamento.funcionarioServicos.servicos.descricao}" />	
													<f:param name="nota" value="#{agendamento.ratingEstabelecimento.rate}" />	
													<f:param name="titulo" value="#{agendamento.ratingEstabelecimento.titulo}" />	
													<f:param name="comentario" value="#{agendamento.ratingEstabelecimento.comentario}" />													
												</h:link>
										</h:panelGroup>
									</p:column>		
								</p:dataTable>									
							</p:tab>							
							<p:tab id="tab3" title="Agendamentos Cancelados" >
								<p:dataTable value="#{meusAgendamentosMB.agendamentosCancelados}"
									var="agendamento" id="tabelaCancelamentos" paginator="true"
									rows="100" effectSpeed="fast" paginatorAlwaysVisible="false"
									paginatorTemplate="{PreviousPageLink} {CurrentPageReport} {NextPageLink} {RowsPerPageDropdown}"
									rowsPerPageTemplate="50,100,150" type="none"
									style="font-size:13px" emptyMessage="Nenhum agendamento cancelado.">

									<p:column>
										<f:facet name="header">  
                							Detalhes
            					    </f:facet>
										<p:commandButton icon="ui-icon-search"
											update=":formMeusAgendamentos:scheduleDetail"
											oncomplete="scheduleDialog.show()" title="View Detail">
											<f:setPropertyActionListener value="#{agendamento}"
												target="#{meusAgendamentosMB.agendamentoCancelar}" />
										</p:commandButton>
									</p:column>
									<p:column>
										<f:facet name="header">  
                							Empresa
            					    </f:facet>
										<h:outputText
											value="#{agendamento.estabelecimento.nomeFantasia}"
											styleClass="negrito azul" />
									</p:column>

									<p:column>
										<f:facet name="header">  
                							#{msg.servico}
            					    </f:facet>
										<h:outputText
											value="#{agendamento.funcionarioServicos.servicos.descricao}"
											styleClass="negrito" />
									</p:column>

									<p:column>

										<f:facet name="header">  
                							Data
            					    </f:facet>
										<h:outputText value="#{agendamento.data}" styleClass="negrito">
											<f:convertDateTime pattern="dd/MM/yyyy HH:mm"
												dateStyle="medium" timeStyle="short" locale="pt"
												timeZone="GMT-3" />
										</h:outputText>
									</p:column>

									<p:column>
										<f:facet name="header">  
                							Status
            					    	</f:facet>
										<h:outputText value="CANCELADO EM "
											styleClass="negrito vermelho" />
										<h:outputText value="#{agendamento.dataCancelado}"
											styleClass="negrito vermelho">
											<f:convertDateTime pattern="dd/MM/yyyy HH:mm"
												dateStyle="medium" timeStyle="short" locale="pt"
												timeZone="GMT-3" />
										</h:outputText>
									</p:column>

								</p:dataTable>
							</p:tab>
						</p:tabView>
					</td>
				</tr>
			</table>

			<p:dialog widgetVar="scheduleDialog" header="Detalhes do Agendamento"
				showEffect="clip" hideEffect="clip" closable="true" style="width:40%">

				<p:outputPanel id="scheduleDetail" style="text-align:center;"
					layout="block">
					<h:panelGrid columns="2" cellpadding="5">

						<h:outputText value="Serviço: " />
						<h:outputText
							value="#{meusAgendamentosMB.agendamentoCancelar.funcionarioServicos.servicos.descricao}"
							styleClass="negrito" />

						<h:outputText value="Preço: " />
						<h:outputText
							value="#{meusAgendamentosMB.agendamentoCancelar.funcionarioServicos.servicos.preco}"
							styleClass="negrito">
							<f:convertNumber currencyCode="BRL" type="currency" />
						</h:outputText>

						<h:outputText value="Inicio: " />
						<h:outputText value="#{meusAgendamentosMB.agendamentoCancelar.data}"
							styleClass="negrito">
							<f:convertDateTime pattern="dd/MM/yyyy HH:mm" dateStyle="medium"
								timeStyle="short" locale="pt" timeZone="GMT-3" />
						</h:outputText>

						<h:outputText value="Telefone: " />
						<h:outputText
							value="( #{meusAgendamentosMB.agendamentoCancelar.funcionarioServicos.estabelecimento.ddd} ) #{meusAgendamentosMB.agendamentoCancelar.funcionarioServicos.estabelecimento.telefone}"
							styleClass="negrito" />

						<h:outputText value="Estado: " />
						<h:outputText
							value="#{meusAgendamentosMB.agendamentoCancelar.funcionarioServicos.estabelecimento.endereco.bairro.cidade.estado.nome}"
							styleClass="negrito" />

						<h:outputText value="Cidade: " />
						<h:outputText
							value="#{meusAgendamentosMB.agendamentoCancelar.funcionarioServicos.estabelecimento.endereco.bairro.cidade.nome}"
							styleClass="negrito" />

						<h:outputText value="Bairro: " />
						<h:outputText
							value="#{meusAgendamentosMB.agendamentoCancelar.funcionarioServicos.estabelecimento.endereco.bairro.descricao}"
							styleClass="negrito" />

						<h:outputText value="Endereço " />
						<h:outputText
							value="#{meusAgendamentosMB.agendamentoCancelar.funcionarioServicos.estabelecimento.endereco.logradouro} , #{meusAgendamentosMB.agendamentoCancelar.funcionarioServicos.estabelecimento.endereco.numero}"
							styleClass="negrito" />

						<h:outputText value="Atendente: " />
						<h:outputText
							value="#{meusAgendamentosMB.agendamentoCancelar.funcionarioServicos.funcionario.usuario.nome} #{meusAgendamentosMB.agendamentoCancelar.funcionarioServicos.funcionario.usuario.sobrenome}"
							styleClass="negrito" />

						<h:outputText value="Data da solicitação: " />
						<h:outputText value="#{meusAgendamentosMB.agendamentoCancelar.created}"
							styleClass="negrito">
							<f:convertDateTime pattern="dd/MM/yyyy" dateStyle="medium"
								timeStyle="short" locale="pt" timeZone="GMT-3" />
						</h:outputText>

					</h:panelGrid>

				</p:outputPanel>

			</p:dialog>

		</h:form>
	</h:body>
</f:view>
</html>